Component({
  options: {
      multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },
  properties: {
      show:{
          type:Boolean,
          value:false,
      },
      title:{
          type:String,
          value:'',
      },
      height:{
          type:String,
          value:'',
      }
  },
  observers:{
      show(val){
          if(val){
              this.showFrame();
          }
      }
  },
  data: {
      customStyle:"height: 70%;overflow: auto;",
      wrapAnimate: '', 
      frameAnimate: '' 
  },
  methods: {
      showFrame() {
          this.setData({
              // show: true,
              wrapAnimate: 'wrapAnimate',
              frameAnimate: 'frameAnimate'
          });
          wx.setPageStyle({
              style: {
                overflow: "hidden" //禁用页面层滚动
              }
           })
      },
      hideFrame(e) {
          let that = this
          this.setData({
              wrapAnimate: 'wrapAnimateOut', 
              frameAnimate: 'frameAnimateOut' ,
          });
          //this.triggerEvent('hideFrame',{show:false});
          setTimeout(()=>{ //动画效果
              this.triggerEvent('hideFrame')
          },200)
          wx.setPageStyle({
              style: {
                overflow: "auto"
              }
           })
      }
  }
});